<template>
    <div class="foot">
        <div class="foot-footer">
            <div class="foot-footer-top">
                <div class="foot-footer-top-left">
                    <h3>全国统一客服热线</h3>
                    <p class="phone">
                        <img src="../assets/image/phone.png" alt="">
                        <span>400-888-8888</span>
                    </p>
                    <p class="qun">QQ交流群1：2890378</p>
                    <p class="qun quns">QQ交流群2：18793072</p>
                </div>
                <div class="foot-footer-top-right">
                    <dl>
                        <dt>关于我们</dt>
                        <dd>关于PBE</dd>
                        <dd>关于NPC</dd>
                        <dd>公司介绍</dd>
                        <dd>团队介绍</dd>    
                    </dl>
                    <dl>
                        <dt>协议副本</dt>
                        <dd>流程介绍</dd>
                        <dd>相关规则</dd>
                        <dd>管理办法</dd>    
                    </dl>
                    <div class="er">
                        <p>微信订阅号</p>
                        <img src="../assets/image/20190515175959.png" alt="">
                    </div>
                </div>
            </div>
            <div class="foot-footer-bottom">京公网按备  110111225  京ICP备  讯风数字资产管理有限公司</div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    }
}
</script>
<style scoped lang="scss">
.foot{
    background: #333;
    overflow: hidden;
    border-top: 1.5px solid #ff6600;
    .foot-footer{
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        .foot-footer-top{
            padding: 50px 0;
            display: flex;
            justify-content: space-between;
            .foot-footer-top-left{
                h3{
                    color: #fff;
                }
                .phone{
                    margin-top: 32px;
                    margin-bottom: 45px;
                    display: flex;
                    align-items: center;
                    img{
                        width: 40px;
                        height: 32px;
                    }
                    span{
                        color: #ff6600;
                        font-size: 30px;
                        margin-left: 20px;
                    }
                }
                .qun{
                    font-size: 12px;
                    color: #666;
                }
                .quns{
                    margin-top: 12px;
                }
            }
            .foot-footer-top-right{
                display: flex;
                dl{
                    margin-right: 70px;
                    dt{
                        color: #fff;
                    }
                    dd{
                        color: #666;
                        font-size: 14px;
                        margin-top: 22px;
                    }
                }
                .er{
                    text-align: center;
                    p{
                        color: #fff;
                    }
                    img{
                        width: 125px;
                        height: 125px;
                        margin-top: 15px;
                    }
                }
            }
        }
        .foot-footer-bottom{
            text-align: center;
            font-size: 14px;
            border-top: 1px solid #666;
            padding: 15px 0;
            color: #fff;
        }
    }
}
</style>
